<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>


<%@ taglib uri="http://shiro.apache.org/tags" prefix="shiro" %>
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<link rel="shortcut icon" href="${pageContext.request.contextPath}/statics/images/icon.png" type="image/x-icon"/>
	<title>淘书欢迎您</title>
	
	<!-- 第三方必须放到最前面 -->
	<link href="${pageContext.request.contextPath}/statics/AmazeUI-2.4.2/assets/css/seastyle.css" rel="stylesheet" type="text/css" />
	
	<link href="${pageContext.request.contextPath}/statics/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css" />
	<link href="${pageContext.request.contextPath}/statics/AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css" />
	<link href="${pageContext.request.contextPath}/statics/AmazeUI-2.4.2/assets/css/demo.css" rel="stylesheet" type="text/css" />
	<link href="${pageContext.request.contextPath}/statics/AmazeUI-2.4.2/assets/css/hmstyle.css" rel="stylesheet" type="text/css" />
	
	
		<!-- 引入个人中心相关的css -->
	<link href="${pageContext.request.contextPath}/statics/AmazeUI-2.4.2/assets/css/stepstyle.css" rel="stylesheet" type="text/css" />
	<link href="${pageContext.request.contextPath}/statics/AmazeUI-2.4.2/assets/css/colstyle.css" rel="stylesheet" type="text/css" />
	<link href="${pageContext.request.contextPath}/statics/AmazeUI-2.4.2/assets/css/addstyle.css" rel="stylesheet" type="text/css" />
	 		
	
	<!-- person顺序必须在infstye前 -->
	<link href="${pageContext.request.contextPath}/statics/AmazeUI-2.4.2/assets/css/personal.css" rel="stylesheet" type="text/css" />
	<link href="${pageContext.request.contextPath}/statics/AmazeUI-2.4.2/assets/css/infstyle.css" rel="stylesheet" type="text/css" />
	<link href="${pageContext.request.contextPath}/statics/AmazeUI-2.4.2/assets/css/app.css" rel="stylesheet" type="text/css" />
	
	
 	
	
	<link href="${pageContext.request.contextPath}/statics/mycss/home.css" rel="stylesheet" type="text/css" />
	<link href="${pageContext.request.contextPath}/statics/mycss/form.css" rel="stylesheet" type="text/css" />
	<link href="${pageContext.request.contextPath}/statics/mycss/bookList.css" rel="stylesheet" type="text/css" />
	<link href="${pageContext.request.contextPath}/statics/mycss/mobile/sort.css" rel="stylesheet" type="text/css" />

	<link href="${pageContext.request.contextPath}/statics/mycss/seller.css" rel="stylesheet" type="text/css" />
	
	
	<!-- jquery.autocomplete -->
	 <link rel="stylesheet" href="//apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css">
	 
	 <style type="text/css">
	 	.ui-menu-item a:hover{
	 		border:none;
	 		background:#f2f2f2;
	 	}
	 </style>
</head>	
<body>
	<div class="hmtop">
		<!--顶部导航条 -->
		<div class="am-container header">
		
			<ul class="message-l">
				<div class="topMessage">
					<div class="menu-hd">
						<shiro:guest>
							<a href="${pageContext.request.contextPath}/sp/login.action" class="h">亲，请登录</a> 
							<a href="${pageContext.request.contextPath}/sp/regist.action">免费注册</a>
						</shiro:guest>
						<shiro:user>
							[<shiro:principal/>], 淘书欢迎您
						</shiro:user>
					</div>
				</div>
			</ul>
			
			<ul class="message-r">
				<div class="topMessage home">
					<div class="menu-hd">
						<a href="${pageContext.request.contextPath}/" class="h">首页</a>
					</div>
				</div>
				<div class="topMessage my-shangcheng">
					<div class="menu-hd MyShangcheng">
						<a href="#"><i class="am-icon-user am-icon-fw"></i>个人中心</a>
					</div>
				</div>
				<div class="topMessage my-shangcheng">
					<div class="menu-hd MyShangcheng">
						<a href="${pageContext.request.contextPath}/seller/index.action" ><i class="am-icon-user am-icon-fw"></i>卖家中心</a>
					</div>
				</div>
				<div class="topMessage mini-cart">
					<div class="menu-hd">
						<a id="mc-menu-hd" href="#" target="_top"><i
							class="am-icon-shopping-cart  am-icon-fw"></i><span>购物车</span><strong
							id="J_MiniCartNum" class="h">0</strong></a>
					</div>
				</div>
				<!-- <div class="topMessage favorite">
					<div class="menu-hd">
						<a href="#" target="_top"><i class="am-icon-heart am-icon-fw"></i><span>收藏夹</span></a>
				</div> -->
				<shiro:user>
					<div class="topMessage favorite">
						<div class="menu-hd">
							<a href="${pageContext.request.contextPath}/sp/loginout.action"><span>注销</span></a>
						</div>
					</div>
				</shiro:user>
			</ul>
		</div>
		 <b class="line"></b>
		<!--悬浮搜索框-->

		<div class="nav white">
			<div class="logo">
				<a href="${pageContext.request.contextPath}/">
					<img src="${pageContext.request.contextPath}/statics/images/small.png" />
				</a>
			</div>
			<div class="logoBig">
				<li>
					<a href="${pageContext.request.contextPath}/">
						<img src="${pageContext.request.contextPath}/statics/images/logo.png" />
					</a>
				</li>
			</div>

			<div class="search-bar pr">
				<form>
					<input id="searchInput" type="text"
						url="${pageContext.request.contextPath}/"
						placeholder="图书名称、作者、ISBN、出版社">
					 <input
						id="ai-topsearch" class="submit am-btn" value="搜索" index="1"
						type="submit">
				</form>
			</div>
		</div>
		
		<div class="clear"></div>
	</div>